<template>
  <div>
    <!-- :style="{css属性: 值(也就是变量)}" -->
    <p :style="{ color: colorStr }">:style value值赋值给css属性名</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      colorStr: "red",
    };
  },
};
</script>

<style></style>
